<template>
    <div class="focusBox" ref="focusBox" >
        <slot></slot>
    </div>
</template>

<script setup lang='ts'>
import { ref, getCurrentInstance } from 'vue';
</script>

<style lang='scss' scoped>
    .focusBox{
        width: 98%;
        height: 100%;
    }
</style>
<style>
    .menuActive{
        box-shadow: 0 0 10px rgb(255, 255, 255);
        border: red 2px solid !important;
    }
</style>